@import (reference) '~antd/es/style/themes/index';

.pre {
  margin: 12px 0;
  padding: 12px 20px;
  background: @input-bg;
  box-shadow: @card-shadow;
}

.container {
  background-color: white;
}

.contentStyle {
  height: '160px';
  color: '#fff';
  // line-height: '160px';
  text-align: 'center';
  background: '#364d79';
}
.head {
  position: relative;
  width: 100%;
  height: 460px;
  margin: 0 auto;
  background-color: #f0f2f5;

  .item {
    width: 100%;
    box-shadow: 3px 6px 8px #dde0e8;
  }
}
.section {
  position: relative;
  width: 100%;
  text-align: center;
  background-color: #f0f2f5;

  .whyTitle {
    color: #495666;
    font-size: 36px;
    line-height: 1;
  }
  .whyDes {
    width: 1180px;
    height: 220px;
    margin-left: 120px;
    color: #666;
    font-size: 16px;
    line-height: 26px;
    // margin-bottom: 40px;
    text-align: left;
    text-indent: 2em;
  }
}
.welfare {
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 60px;
  // background-color: #fff;
  .welfareTitle {
    margin: 60px 0;
    color: #495666;
    font-size: 36px;
    line-height: 1;
    text-align: center;
  }
  .welfareContent {
    height: 528px;
    padding-right: 550px;
    background: url('/develop.png') no-repeat 100%;

    .welfareItem {
      padding-bottom: 24px;
      .welfareItemTitle {
        margin-bottom: 20px;
        color: #333;
        font-size: 26px;
        line-height: 1;
      }
      .welfareItemDes {
        display: -webkit-box;
        margin-bottom: 16px;
        overflow: hidden;
        color: #666;
        font-size: 16px;
        line-height: 26px;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
      }
    }
  }
}
